<template>
	<!-- 商品详情 -->
	<view class="box">
		<view class="jian">
			<view class="" @click="JumpReturnArrow">
				<uni-icons type="back" size="50rpx"></uni-icons>
			</view>
			<view class=""></view>
		</view>
		<!-- 背景图片 -->
		<view class="Background-picture">
			<view class="">
				<image :src="$image + arrgoods.goods_image" mode=""></image>
			</view>
			<!-- 限时秒杀 -->
			<view class="Time-limit" v-if="haslimit === 1">
				<view style="display: flex;justify-content: space-between;align-items: center;">
					<text class="limit-title">秒杀抢购</text>
					<text class="limit-quantity">已出售:{{ arrgoods.sale_num }}件</text>
				</view>
				<view class="">
					<text class="limit-name">距结束仅剩</text>
					<u-count-down class="time" :timestamp="timestamp" separator-color="#fff" color="#F14553"></u-count-down>
				</view>
			</view>
			<!-- 限时拼团 -->
			<view class="Group-booking" v-if="haslimit === 2">
				<view class="Group-title">
					<text class="Group-title-name">拼团</text>
					<view class="Group-title-people">
						<i></i>
						<text class="Group-title-people-quantity">{{ PeopleQuantity }}人团</text>
					</view>
				</view>
				<text class="limit-quantity">拼团自动匹配购买同个商品人员</text>
				<text class="Group-name">距结束仅剩</text>
				<u-count-down class="time" :timestamp="timestamp" separator-color="#fff" color="#F14553"></u-count-down>
			</view>
		</view>
		<!-- 商品内容 -->
		<view class="count-price">
			<!-- 商品名称 -->
			<text class="title">{{ arrgoods.goods_name }}</text>
			<!-- 收藏 -->
			<i class="Collect" @click="eventCollect">
				<image
					:src="CollectImageStatus == false ? '../../static/order/collect.png' : 'https://i.hd-r.cn/0184b027ea3a667b3093c4e259a76ab0.png'"
					mode=""></image>
			</i>
			<text class="sell">总销: {{ arrgoods.sale_num }} 件</text>
			<br>
			<!-- 商品头部信息 -->
			<view class="mang">
				<!-- 秒杀 -->
				<view class="" v-if="haslimit === 1">
					<text class="current">￥{{ arrgoods.seckill_price }}</text>
					<text class="original">￥{{ arrgoods.price }}</text>
					<text class="baling">打包费￥{{ express.local.pack_money }}/份</text>
				</view>
				<!-- 拼团 -->
				<view class="" v-if="haslimit === 2">
					<text class="current">￥{{ arrgoods.pintuan_price }}</text>
					<text class="original">￥{{ arrgoods.price }}</text>
					<text class="baling">打包费￥{{ express.local.pack_money }}/份</text>
				</view>
				<!-- 正常 -->
				<view class="" v-if="!haslimit">
					<text class="current">￥{{ arrgoods.price }}</text>
					<text class="original">￥{{ arrgoods.market_price }}</text>
					<text class="baling">打包费￥{{ express.local.pack_money }}/份</text>
				</view>
				<view class="SelectSpecifications" @click="openingAGroup('bottom')" v-if="haslimit === 2">
					去开团
				</view>
				<view class="" v-else-if="haslimit === 1">
				</view>
				<view class="SelectSpecifications" @click="specification('bottom')" v-else>
					选规格
				</view>
			</view>
			<text class="tradename">所属店铺: {{ arrshop.site_name }}</text>
		</view>
		<!-- 商品详情 -->
		<view class="Product-description">
			<view class="producttitle">商品详情</view>
			<view class="proadctname">
				<view class="aftername" v-html="arrgoods.goods_content"></view>
			</view>

		</view>

		<view v-if="haslimit == 1" class="skill-button-1" @click="toOpenSeckill()">
			<button>抢购</button>
		</view>
		<!-- 抢购弹框 -->
		<u-popup v-model="chooseSeckillCount" mode="bottom" border-radius="40" :mask-close-able="true">
			<view class="popups-content">
				<text>选择数量</text>
				<view style="margin-top: 10px;">
					<uni-number-box v-model="skillCount" :min="1" :max="arrgoods.max_buy == 0 ? 999999999 : arrgoods.max_buy">
					</uni-number-box>
				</view>
			</view>
			<view class="skill-button">
				<button @click="makeSuretoSkill">确定</button>
			</view>
		</u-popup>
		<!-- 底部操作菜单没有数据 -->
		<view class="buy" v-if="commodityNum == 0 && swiperCurrent !== 2 && haslimit != 1">
			<view class="opt-in">
				<i class="Grey-shopping-cart"></i>
				<text class="Settlement-font">
					<text style="color:#aaa; font-size: 20rpx;padding-right: 20rpx;">配送费另算</text>
					<text style="color: #fff; font-size: 24rpx;">未选购商品</text>
				</text>
			</view>
			<view class="payment">
				<text class="paument-font">￥{{ differFroms }}起送</text>
			</view>
		</view>
		<view class="buyer" v-if="commodityNum !== 0 && swiperCurrent !== 2
			&& haslimit !== 1 && haslimit !== 2">
			<view class="opter-in">
				<i @click="shopscat()" type="primary" class="Greyer-shopping-cart">
					<!-- <i>{{shoppingCart.length}}</i> -->
					<i>{{ commodityNum }}</i>
				</i>
				<text class="Settlementer-font">
					<text style="color:#aaa; font-size: 20rpx;padding-right: 20rpx;">配送费{{ express.local.delivery_money }}元</text>
					<text style="color: #000; font-size: 24rpx;">合计：￥
						<text style="color: #f14500;font-size: 30rpx;">{{ allPrice }}</text></text>
				</text>
			</view>
			<view class="paymenter">
				<!-- v-if="plus + Deliverycharge <= lifting" -->
				<text class="paumentertwo" v-if="allPrice >= differFroms" @click="settlement(shoppingCart)">去结算</text>
				<text class="paumenterone" v-if="allPrice < differFroms">差￥{{ differFrom }}起送</text>
			</view>
		</view>
		<!-- 去开团的购买块 -->
		<view class="clique-buy" v-if="haslimit === 2">
			<view class="clique-buy-left" @click="dandu_goumai">
				<!-- .toFixed(2) -->
				<!-- <text class="clique-buy-left-Price">￥{{ arrgoods.pintuan_price }}</text> -->
				<text class="clique-buy-left-Price">￥{{ arrgoods.price }}</text>
				<text class="clique-buy-left-title">单独购买</text>
			</view>
			<view class="clique-buy-right" @click="openingAGroup('bottom')">
				<text class="clique-buy-right-Price">￥{{ arrgoods.pintuan_price }}</text>
				<text class="clique-buy-right-title">立即开团</text>
			</view>
		</view>
		<!-- 购物车中有数据时 -->
		<view class="buyer" v-else-if="haslimit !== 2 && haslimit !== 1 && fage == false">
			<view class="opter-in">
				<i @click="shopscat('bottom')" type="primary" class="Greyer-shopping-cart">
					<!-- <i>{{commodityNum}}</i> -->
					<i>{{ shoppingCartNum }}</i>
				</i>
				<text class="Settlementer-font">
					<text style="color:#aaa; font-size: 20rpx;padding-right: 20rpx;">配送费{{ express.local.delivery_money }}元</text>
					<!-- <text style="color: #000; font-size: 24rpx;">合计：￥<text style="color: #f14500;font-size: 30rpx;">{{plus}}</text></text> -->
					<text style="color: #000; font-size: 24rpx;">合计：￥<text style="color: #f14500;font-size: 30rpx;">{{ TotalPrice
					}}</text></text>
				</text>
			</view>
			<view class="paymenter">
				<!-- 限时秒杀 -->
				<!-- && plus >= 15 -->
				<text class="paumentertwo" v-if="haslimit == 1" @click="Settleanaccount(3, arr)">去结算</text>
				<!-- 正常结算 -->
				<!-- <text class="paumentertwo" v-if="haslimit == 0 && plus >= differFroms" @click="Settleanaccount(0,arr)">去结算</text>
				<text class="paumenterone" v-if="plus < differFroms">还差{{differFrom}}元</text> -->
				<text class="paumentertwo" v-if="haslimit == 0 && TotalPrice >= differFroms"
					@click="Settleanaccount(0, arr)">去结算</text>
				<text class="paumenterone" v-if="TotalPrice < differFroms">还差{{ differFrom }}元</text>
			</view>
		</view>
		<!-- 弹窗 -->
		<view>
			<!-- 普通弹窗 -->
			<u-popup v-model="popupShow" mode="bottom" border-radius="40">
				<view class="popup-content" style="border-top-right-radius: 50%; border-top-left-radius: 50%;"
					:class="{ 'popup-height': type === 'left' || type === 'right' }">
					<view class="popup-top">
						<image :src="'https://songcan.xyct1688.com/' + arrgoods.goods_image" mode=""></image>
						<text class="poput-name">{{ arrgoods.goods_name }}</text>
						<text class="poput-Currentprice">￥{{ haslimit == 1 ? arrgoods.seckill_price : haslimit == 2 ?
							arrgoods.pintuan_price : arrgoods.price }}</text>
						<del class="poput-Originalprice">￥{{ haslimit == 1 ? arrgoods.price : haslimit == 2 ? arrgoods.price :
							arrgoods.market_price }}</del>
						<!-- 关闭图标 -->
						<!-- <uni-icons type="closeempty" @click="close" size="28"></uni-icons> -->
					</view>

					<!-- 大小份 -->
					<view class="">
						<view class="" v-for="(item, index) in specifications" :key="index">
							<view class="taste">
								<!-- <text class="taste-name">口味选择</text> -->
								<text class="taste-name">{{ item.spec_name }}</text>
								<view class="taste-list">
									<view class="taste-item" :class="isActives == i.sku_id ? 'active' : ''" v-for="(i, v) in item.value"
										:key="v" @click="Toggle1(index, i.sku_id, v)">
										{{ i.spec_value_name }}
									</view>
								</view>
							</view>
						</view>
					</view>

					<view class="quantity">
						<text>数量</text>
						<u-number-box :value="miaoshanum" @change="eventCommoditymiaoNum" :longPress="false" min="1"
							@plus="eventCommoditymiaojia(item)" @minus="eventCommoditymiaojian" :disabled-input="true"
							v-if="haslimit == 1"></u-number-box>
						<u-number-box v-model="shoppingCartNum" :value="shoppingCartNum" @change="eventCommodityNum" min="0" max="1"
							:longPress="false" @plus="eventCommodityjia(item)" @minus="eventCommodityjian" :disabled-input="true"
							v-else></u-number-box>
					</view>
					<!-- 加入购物车 -->
					<button type="primary" @click="Settleanaccount(2)" class="Add-to-cart" v-if="haslimit == 2">去拼团</button>
					<button type="primary" @click="join(zong)" class="Add-to-cart" v-else>加入购物车</button>
				</view>
			</u-popup>
		</view>

		<!-- 当购物车中有信息时的弹窗 -->
		<view>
			<u-popup v-model="costShow" mode="bottom" border-radius="40">
				<!-- <view>出淤泥而不染，濯清涟而不妖</view> -->
				<view class="commodity">
					<view class="commodity-title">
						<view class="commodity-title-left">
							<text class="selectedCommodity">已选商品</text>
							<text class="pack">打包费</text>
							<text class="fee">{{ express.local.pack_money }} 元/份</text>
						</view>
						<view class="commodity-title-right" @click="emptyshoppingCart">
							清空
						</view>
					</view>
					<view class="commodity-main" v-for="item in shoppingCart" :key="item.sku_id">
						<view class="commodity-main-image">
							<image :src="$image + item.sku_image" mode=""></image>
						</view>
						<view class="commodity-main-right">
							<view class="title">{{ item.site_name }}</view>
							<view class="notes">{{ item.sku_name }}</view>
							<view class="price">
								<view class="price-left">
									<text>￥{{ haslimit == 1 ? arrgoods.seckill_price : item.discount_price }}</text>
									<text>￥{{ haslimit == 1 ? arrgoods.price : item.market_price }}</text>
								</view>
								<view class="price-right">
									<u-number-box v-model="item.num" :value="miaoshanum" @change="eventCommoditymiaoNum" :longPress="false"
										@plus="eventCommoditymiaojia" @minus="eventCommoditymiaojian" :disabled-input="true"
										v-if="haslimit == 1"></u-number-box>
									<u-number-box v-model="item.num" :value="shoppingCartNum" @change="eventCommodityNum" :longPress="false"
										@plus="eventCommodityjia" @minus="eventCommodityjian" :disabled-input="true" v-else></u-number-box>
								</view>
							</view>
						</view>
					</view>
				</view>
			</u-popup>
		</view>
	</view>
</template>

<script>
const $api = require('@/utils/request.js').API
export default {
	data() {
		return {
			arrgoods: [],
			arrshop: [],
			options: [], // 传递的参数
			timestamp: 0, // 时间戳
			specifications: [], // 规格
			arr: [],
			shoppingCart: [], // 购物车列表
			commodityNum: 0, // 商品数量
			shoppingCartNum: 0,
			miaoshanum: 0,
			costShow: false,
			cart_ids: [],
			express: [],
			popupShow: false,
			CollectImageStatus: false, // 收藏状态
			sell: 90,
			// Balingcharge: 1,
			shopping: "未选购商品",
			lifting: 1,
			Ingredients: "鸡肉",
			component: 1,
			type: 'center',
			shu: 1,
			seckill_id: 0,
			// lists: [],

			// 默认选中的规格
			isActives: 0,
			zong: {
				title: "",
				taste: "",
				beverage: "",
				Totalprice: 0,
				quantity: 1
			},
			fage: true,
			shopcat: [],
			// Deliverycharge: 0,
			// Balingdecharge: 1,
			// Presentquantity: 1,
			// 倒计时
			testHour: 1,
			testMinute: 0,
			testSecond: 0,
			// 获取变量,得到限时秒杀详情或者拼团
			// 限时秒杀是1 拼图是2 无是0
			haslimit: 0,
			// 拼团人数
			PeopleQuantity: 2,
			allPrice: 0, //全价
			shop_reduction: [], // 店铺减免
			differFroms: 0, // 还差多少钱
			$image: this.$image,

			site_id: 0,
			chooseSeckillCount: false,
			skillCount: 1,
		}
	},
	onLoad: function (option) {
		this.haslimit = Number(option.source);
		this.zong.Totalprice = this.Currentprice;
		// 判断是否是团建1 秒杀，2 开团，0 正常
		if (this.haslimit === 1) {
			console.log(JSON.parse(option.item), "<<<<<<<<<<<<<<<<<<<<<<<<<");
			this.options = JSON.parse(option.item)
			// this.site_id = this.options.site_id
			this.FlashKillingDetails(this.options.id)
			this.shopWhetherToFollow(this.options)
			this.FlashKilling() // 秒杀时间戳
			// this.flashKillingList()	// 秒杀商品列表
			this.storeDeliveryConfiguration()	// 门店配送配置
		} else if (this.haslimit === 2) {
			this.buttontitle = "去开团"
			this.options = JSON.parse(option.item)
			this.ProductDetailsOfTheGroup()
			this.shopWhetherToFollow(this.options)

			// this.pintuantimestamp()
			this.storeDeliveryConfiguration()	// 门店配送配置
		} else {
			this.site_id = option.site_id
			this.postCommodityDetails(option) // 商品详情
			this.shopWhetherToFollow(option)
			this.storeDeliveryConfiguration(option.site_id)	// 门店配送配置
		}
	},
	onShow() {
		this.postShoppingCartNum() // 购物车数量
		// this.ShoppingCartList()
	},
	computed: {
		TotalPrice() {
			let num = 0
			this.shoppingCart.forEach(item => {
				num += (item.price * item.num)
				if (this.express && this.express.local && this.express.local.pack_money) {
					num += (this.express.local.pack_money * item.num)
				}
			})
			if (this.express && this.express.local && this.express.local.delivery_money) {
				// 加上配送费
				num += Number(this.express.local.delivery_money)
			}

			return num.toFixed(2)
		},
		// 总价
		plus() {
			if (this.haslimit == 1) {
				let num = 0
				num += (this.arrgoods.seckill_price * this.shoppingCartNum)
				return num
			} else {
				let num = 0
				num += (this.arrgoods.price * this.shoppingCartNum)
				return num
			}
		},
		differFrom() {
			// let num = this.plus < this.lifting ? this.plus - this.lifting : 0
			// return num.toFixed(2)
			let num = this.allPrice < this.differFroms ? this.differFroms - this.allPrice : 0
			return num.toFixed(2)
		},
	},
	watch: {
		shoppingCartNum(news, old) {
			console.log('news', news);
			console.log('old', old);
		}
	},
	methods: {
		// 秒杀时间戳
		FlashKilling() {
			let _this = this
			let date = new Date()
			let nowYear = date.getFullYear()
			let nowMonth = this.checked(date.getMonth() + 1)
			let nowDate = this.checked(date.getDate())
			let nowHours = this.checked(date.getHours())
			let nowMinutes = this.checked(date.getMinutes())
			let nowSeconds = this.checked(date.getSeconds())
			let currentTimestamp = date.getTime() / 1000
			let now = new Date();
			// 将时间部分设为 00:00:00
			now.setHours(0);
			now.setMinutes(0);
			now.setSeconds(0);
			now.setMilliseconds(0);
			// 获取当天开始时间的时间戳
			let startTimeStamp = now.getTime() / 1000;
			$api.postFlashKillTimePeriod({}).then(res => {
				this.seckill_id = res.data.data.list[0].id
				this.timestamps = res.data.data.list
				let detes = nowHours + ':' + nowMinutes + ':' + nowSeconds
				this.timestamps.filter(item => {
					if (item.seckill_start_time_show <= detes && item.seckill_end_time_show >= detes) {
						this.timestamp = startTimeStamp + item.seckill_end_time - currentTimestamp
					}
				})
			})
		},
		// 秒杀
		FlashKillingDetails(seckill_id) {
			let obj = {
				// 1
				seckill_id: seckill_id,
			}
			$api.postFlashKillingDetails(obj).then(res => {
				// if(res.data.code == 0) {
				this.arrgoods = res.data.data.goods_sku_detail
				this.arrshop = res.data.data.shop_info

				this.arr = Object.keys(res.data.data).map(key => res.data.data[key])

				// } 
			})
		},
		pintuantimestamp() {
			let date = new Date()
			// let nowYear = date.getFullYear()
			// let nowMonth = this.checked(date.getMonth() + 1)
			// let nowDate = this.checked(date.getDate())
			// let nowHours = this.checked(date.getHours())
			// let nowMinutes = this.checked(date.getMinutes())
			// let nowSeconds = this.checked(date.getSeconds())
			let currentTimestamp = date.getTime() / 1000
			let now = new Date();
			// 将时间部分设为 00:00:00
			now.setHours(0);
			now.setMinutes(0);
			now.setSeconds(0);
			now.setMilliseconds(0);
			// 获取当天开始时间的时间戳
			let startTimeStamp = now.getTime() / 1000;

			console.log(this.arrgoods.end_time, "===========")
			this.timestamp = this.arrgoods.end_time - startTimeStamp
		},
		checked(j) {
			return j < 10 ? '0' + j : j
		},
		// flashKillingList(){
		// 	$api.postFlashKilling({
		// 		site_id: this.options.site_id
		// 	}).then(res => {

		// 	})
		// },
		// 门店配送配置
		storeDeliveryConfiguration(site_id) {
			if (this.haslimit == 0) {
				$api.postStoreDeliveryConfiguration({
					site_id: site_id,
				}).then(res => {
					this.differFroms = Number(res.data.data.local.start_money)
					this.express = res.data.data
				})
			} else {
				$api.postStoreDeliveryConfiguration({
					site_id: this.options.site_id,
				}).then(res => {
					this.differFroms = Number(res.data.data.local.start_money)
					this.express = res.data.data
				})
			}
		},
		// 拼团
		ProductDetailsOfTheGroup() {
			let obj = {
				pintuan_id: this.options.pintuan_id,
			}
			$api.postProductDetailsOfTheGroup(obj).then(res => {
				// if(res.data.code == 0) {
				this.arrgoods = res.data.data.goods_sku_detail
				this.site_id = res.data.data.goods_sku_detail.site_id
				this.isActives = this.arrgoods.sku_id
				this.arrshop = res.data.data.shop_info
				this.arr = res.data.data
				this.pintuantimestamp()
				// }
			})
		},
		// 商品详情
		postCommodityDetails(option) {
			let obj = {
				sku_id: option.sku_id
			}
			$api.postCommodityDetails(obj).then(res => {
				this.arr = res.data.data
				this.arrgoods = res.data.data.goods_sku_detail
				this.arrshop = res.data.data.shop_info
				this.isActives = res.data.data.goods_sku_detail.sku_id
				this.specifications = JSON.parse(res.data.data.goods_sku_detail.goods_spec_format)
			})
		},
		// 点击规格
		specification(type) {
			this.type = type
			// this.$refs.popup.open(type)
			this.popupShow = true
		},
		// 开团
		openingAGroup(type) {
			this.type = type
			// this.$refs.popup.open(type)
			this.popupShow = true
			$api.postSpecifications({
				pintuan_id: this.arrgoods.pintuan_id,
				sku_id: this.arrgoods.sku_id,
			}).then(res => { })
		},
		// 购物车列表
		ShoppingCartList() {
			$api.postShoppingCartList({
				site_id: this.site_id,
			}).then(res => {
				this.shoppingCart = res.data.data;
				let goods = this.shoppingCart.find(item => {
					return this.arrgoods.goods_id == item.goods_id
				})
				this.shoppingCartNum = goods.num
				this.actualamount()
			})
		},
		// 购物车数量
		postShoppingCartNum() {
			$api.postShoppingCartNum({
				site_id: this.site_id,
			}).then(res => {
				// this.cost = 1
				this.commodityNum = res.data.data
				this.ShoppingCartList()
			})
		},
		// 商品数量
		eventCommodityNum(e) {
			if (e.value === 0) {
				let cart_id = ''
				let _this = this
				this.shoppingCart.forEach(item => {
					cart_id = item.cart_id
				})
				$api.postShoppingCartDel({
					cart_id: cart_id,
				}).then(res => {
					this.fage = true
					uni.showToast({
						title: '清除购物车成功',
						duration: 2000
					})
					this.ShoppingCartList()
					this.postShoppingCartNum()
				})
			} else {
				// this.shoppingCartNum = e.value
			}
		},
		// 购物车数量++
		eventCommodityjia(item) {
			this.join(item)
		},
		// 购物车数量--
		eventCommodityjian(e) {
			let cart_id = ''
			this.shoppingCart.forEach(item => {
				cart_id = item.cart_id
			})
			$api.postShoppingCartEdit({
				cart_id: cart_id,
				num: e.value
			}).then(res => {
				this.ShoppingCartList()
				this.postShoppingCartNum()
			})
		},
		// miao商品数量
		eventCommoditymiaoNum(e) {
			if (e.value === 0) {
				let cart_id = ''
				let _this = this
				this.shoppingCart.forEach(item => {
					cart_id = item.cart_id
				})
				$api.postShoppingCartDel({
					cart_id: cart_id,
				}).then(res => {
					this.fage = true
					uni.showToast({
						title: '清除购物车成功',
						duration: 2000
					})
					this.ShoppingCartList()
					this.postShoppingCartNum()
				})
			} else {
				this.miaoshanum = e.value
			}
		},
		// miao购物车数量++
		eventCommoditymiaojia(item) {
			this.join(item)
		},
		// miao购物车数量--
		eventCommoditymiaojian(e) {
			let cart_id = ''
			this.shoppingCart.forEach(item => {
				cart_id = item.cart_id
			})
			$api.postShoppingCartEdit({
				cart_id: cart_id,
				num: e.value
			}).then(res => {
				this.ShoppingCartList()
				this.postShoppingCartNum()
			})
		},
		// 口味选择改变
		Toggle1(index, id, v) {
			this.isActives = id
			this.postCommodityDetails({ sku_id: id })
			let obj = this.shoppingCart.find(item => {
				return item.sku_id == this.isActives
			})
			this.shoppingCartNum = obj ? obj.num : 0
		},
		// 点击关闭
		close() {
			// this.$refs.popup.close();
			this.popupShow = false
		},
		//点击加入购物车
		join(zong) {
			console.log(this.zong, "====")
			this.zong.title = this.title

			this.popupShow = false
			this.shopcat.push(this.zong)
			if (this.shopcat.length !== 0) {
				this.fage = false
			};

			if (this.haslimit == 1) {
				if (this.arrgoods.max_buy == 0 || this.arrgoods.max_buy > this.shoppingCartNum) {
					this.addShoppingCart()
				} else {
					uni.showToast({
						title: '限时秒杀每人限购一份',
						icon: 'none',
						duration: 2000
					})
				}
			} else {
				this.addShoppingCart()
			}

		},
		addShoppingCart() {
			if (this.shoppingCartNum == 0 && this.haslimit != 1 || this.haslimit == 1 && this.miaoshanum == 0) {
				uni.showToast({
					title: '至少选择一份',
					icon: 'none',
					duration: 2000
				})
				return
			}
			$api.postAddShoppingCart({
				sku_id: this.isActives,
				site_id: this.arrgoods.site_id,
				num: 1,
			}).then(res => {
				this.postShoppingCartNum()
				this.ShoppingCartList()
			})
		},
		// 清空购物车
		emptyshoppingCart() {
			let cart_id = []
			let _this = this
			this.shoppingCart.forEach(item => {
				cart_id.push(item.cart_id)
				this.cart_ids.push(item.cart_id)
			})
			uni.showModal({
				title: '您确定要清空购物车吗？',
				success: function (res) {
					if (res.confirm) {
						$api.postShoppingCartDel({
							token: uni.getStorageSync('token'),
							cart_id: cart_id.toString(),
						}).then(res => {
							uni.showToast({
								title: '清空购物车成功',
								duration: 2000
							})
							_this.fage = true
							_this.ShoppingCartList()
							_this.postShoppingCartNum()
							_this.shoppingCartNum = 0


						})
					} else if (res.cancel) {
						uni.showToast({
							title: '您取消了清空购物车',
							icon: 'none',
							duration: 2000
						})
					}
				}
			})
		},
		// 检测该店铺是否关注
		shopWhetherToFollow(option) {
			$api.postShopWhetherToFollow({
				token: uni.getStorageSync('token'),
				site_id: option.site_id
			}).then(res => {
				this.CollectImageStatus = res.data.data == 1 ? true : false
			})
		},
		// 点击已放入商品的购物车
		// shopscat(type) {
		// 	this.$refs.popups.open(type)
		// },
		shopscat() {
			this.costShow = true
			this.ShoppingCartList()
		},
		// 点击已选商品中的数量
		// leichangeValue(value) {
		// 	this.zong.quantity = value;
		// },
		// 点击去结算
		Settleanaccount(e, item) {
			console.log(this.arr);
			if (e == 1 || e == 2) {
				if (e == 2 & this.shoppingCartNum == 0) {
					uni.showToast({
						title: '至少选择一份商品',
						icon: 'none',
						duration: 2000
					})
					return
				}
				uni.navigateTo({
					url: `/pages/Firmorder/Firmorder?source=${e}&item=${JSON.stringify(this.shoppingCart)}&xiang=${0}` + '&deliveryMoney=' + this.express.local.delivery_money + '&pintuan_id=' + this.arr.goods_sku_detail.pintuan_id

				})
			} else {
				uni.navigateTo({
					url: `/pages/Firmorder/Firmorder?source=${e}&item=${JSON.stringify(this.shoppingCart)}&xiang=${0}` + '&deliveryMoney=' + this.express.local.delivery_money
				})
			}
		},

		// 单独购买
		dandu_goumai() {
			let goods = this.shoppingCart.find(item => {
				return this.arrgoods.goods_id == item.goods_id
			})
			if (goods) {
				uni.navigateTo({
					url: `/pages/Firmorder/Firmorder?source=${0}&item=${JSON.stringify(this.shoppingCart)}&xiang=${0}` + '&deliveryMoney=' + this.express.local.delivery_money
				})
			} else {
				$api.postAddShoppingCart({
					sku_id: this.isActives,
					site_id: this.arrgoods.site_id,
					num: 1,
				}).then(() => {
					$api.postShoppingCartList({
						site_id: this.site_id,
					}).then(res => {
						this.shoppingCart = res.data.data;
						uni.navigateTo({
							url: `/pages/Firmorder/Firmorder?source=${0}&item=${JSON.stringify(this.shoppingCart)}&xiang=${0}` + '&deliveryMoney=' + this.express.local.delivery_money
						})
					})
				})
			}

		},
		// // 分享
		// eventShare(){

		// },
		// 收藏
		eventCollect() {
			this.CollectImageStatus = !this.CollectImageStatus
			if (this.CollectImageStatus) {
				let obj = {
					token: uni.getStorageSync('token'),
					site_id: this.arrshop.site_id,
				}
				$api.postCollectShop(obj).then(res => {
					uni.showToast({
						title: "收藏成功",
						duration: 2000
					})
				})
			} else {

				let obj = {
					token: uni.getStorageSync('token'),
					site_id: this.arrshop.site_id,
				}
				$api.postCancellationCollectShop(obj).then(res => {
					uni.showToast({
						title: "取消收藏",
						icon: 'none',
						duration: 2000
					})
				})
			}
		},
		// 返回上一页
		JumpReturnArrow() {
			// uni.reLaunch({
			// 	url: '../../pages/Paymentcompletion/Paymentcompletion'
			// })
			uni.navigateBack()
		},
		// 计算满减的价格
		actualamount() {
			if (this.shop_reduction.length != 0) {
				let obj = this.shop_reduction.filter(item => item.money <= this.TotalPrice)
				if (obj.length != 0) {
					this.allPrice = this.TotalPrice - obj[obj.length - 1].discount_money
				} else {
					this.allPrice = this.TotalPrice
				}
			} else {
				this.allPrice = this.TotalPrice
			}
		},
		settlement(item) {
			uni.navigateTo({
				url: '../../pages/Firmorder/Firmorder?source=' + 0 + '&item=' + JSON.stringify(item) + '&xiang=' + 0 + '&deliveryMoney=' + this.express.local.delivery_money
			})
		},
		toOpenSeckill() {
			this.chooseSeckillCount = true;
		},
		makeSuretoSkill() {
			if (!this.skillCount) {
				uni.showToast({
					title: '至少选择一份',
					icon: 'none',
					duration: 2000
				})
				return;
			}
			this.arrgoods.num = this.skillCount
			var arritem = []
			this.arrgoods.goods_content = null; //复杂的html可能会影响json
			arritem.push(this.arrgoods)
			uni.navigateTo({
				url: `../../pages/Firmorder/Firmorder?source=3&item=` + JSON.stringify(arritem) + '&deliveryMoney=' + this.express.local.delivery_money
			})
		},

	}
}
</script>

<style lang="less" scoped>
.jian {
	position: absolute;
	// top: 50rpx;
	top: 80rpx;
	left: 45rpx;
	z-index: 1;
}

.box {
	// width: 750rpx;
	// height: 1624rpx;
	width: 100vw;
	height: 100vh;
	background-color: #f7f7f7;
	position: relative;

	.Background-picture {
		width: 100%;
		height: 747rpx;
		position: relative;
		overflow: hidden;

		image {
			width: 750rpx;
			height: 747rpx;
		}

		// 限时秒杀
		.Time-limit {
			width: 750rpx;
			height: 107rpx;
			position: absolute;
			bottom: 0;
			left: 0;
			background-color: #fc675f;
			color: #fff;

			.limit-title {
				// width: 120rpx;
				// height: 28rpx;
				line-height: 28rpx;
				position: absolute;
				left: 20rpx;
				top: 22rpx;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 400;
			}

			.limit-quantity {
				height: 23rpx;
				line-height: 23rpx;
				position: absolute;
				left: 22rpx;
				bottom: 13rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
			}

			.limit-name {
				// width: 122rpx;
				height: 22rpx;
				position: absolute;
				top: 23rpx;
				right: 41rpx;
				color: #2B2B2B;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 22rpx;
			}

			.time {
				width: 120rpx;
				height: 20rpx;
				position: absolute;
				bottom: 22rpx;
				left: 586rpx;
				color: #fff;
				line-height: 20rpx;
			}

			::v-deep .u-count-down {
				width: 120rpx;
				height: 20rpx;
				position: absolute;
				bottom: 22rpx;
				left: 586rpx;
				color: #fff;
				line-height: 20rpx;

				::v-deep .uni-countdown__number {
					color: #fff !important;
				}
			}

			::v-deep .uni-countdown {
				width: 120rpx;
				height: 20rpx;
				position: absolute;
				bottom: 22rpx;
				left: 586rpx;
				color: #fff;
				line-height: 20rpx;

				::v-deep .uni-countdown__number {
					color: #fff !important;
				}
			}
		}

		// 限时拼团
		.Group-booking {
			width: 750rpx;
			height: 107rpx;
			position: absolute;
			bottom: 0;
			left: 0;
			// background-color: red;
			background-color: #fc675f;
			color: #fff;

			.time {
				width: 120rpx;
				height: 20rpx;
				position: absolute;
				bottom: 22rpx;
				left: 550rpx;
				color: #fff;
				line-height: 20rpx;
			}

			.Group-title {
				height: 40rpx;
				line-height: 40rpx;
				position: absolute;
				left: 22rpx;
				top: 22rpx;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #FFFFFF;

				.Group-title-name {
					// display: inline-block;
					float: left;
					width: 62rpx;
					height: 29rpx;
					line-height: 29rpx;
					font-size: 30rpx;
				}

				.Group-title-people {
					float: left;
					// display: inline-block;
					width: 120rpx;
					height: 40rpx;
					margin-left: 54rpx;
					border: 1px solid #FFFFFF;
					border-radius: 5rpx;
					font-size: 24rpx;

					i {
						display: inline-block;
						width: 40rpx;
						height: 40rpx;
						background-image: url(../../static/namegroup.png);
						background-position: center center;
						background-repeat: no-repeat;
						background-size: 40rpx 40rpx;
						border-right: 1px solid #FFFFFF;
						border-radius: 5rpx;
					}

					.Group-title-people-quantity {
						float: right;
						display: block;
						height: 40rpx;
						line-height: 40rpx;
						margin-right: 10rpx;
					}
				}
			}

			.limit-quantity {
				height: 23rpx;
				line-height: 23rpx;
				position: absolute;
				left: 22rpx;
				bottom: 13rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
			}

			.Group-name {
				width: 122rpx;
				height: 22rpx;
				position: absolute;
				top: 23rpx;
				right: 41rpx;
				color: #2B2B2B;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 22rpx;
			}

			::v-deep .uni-countdown {
				width: 120rpx;
				height: 20rpx;
				position: absolute;
				bottom: 22rpx;
				left: 586rpx;
				color: #fff;
				line-height: 20rpx;

				::v-deep .uni-countdown__number {
					color: #fff !important;
				}
			}
		}
	}


	.count-price {
		width: 750rpx;
		height: 254rpx;
		background-color: #fff;
		margin-bottom: 8rpx;
		position: relative;
		padding-top: 37rpx;

		.title {
			width: 289rpx;
			height: 35rpx;
			margin-left: 28rpx;
			font-family: PingFangSC-Medium;
			font-size: 36rpx;
			line-height: 35rpx;
			color: #333;
			font-weight: Medium;
		}

		// 分享
		.Share {
			position: absolute;
			display: block;
			width: 46rpx;
			height: 46rpx;
			// top: 37rpx;
			right: 114rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		// 收藏
		.Collect {
			position: absolute;
			display: block;
			width: 46rpx;
			height: 46rpx;
			// top: 37rpx;
			right: 37rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.sell {
			display: block;
			float: left;
			width: 100%;
			height: 23rpx;
			margin-top: 24rpx;
			margin-left: 28rpx;
			margin-bottom: 11rpx;
			font-size: 24rpx;
			line-height: 23rpx;
			color: #9a9a9a;
			font-family: PingFangSC-Regular;
			font-weight: Regular;
		}

		// 商品价格
		.mang {
			display: flex;
			justify-content: space-between;
			width: 100%;
			// height: 50rpx;
			margin-top: 11rpx;

			.current {
				// width: 118rpx;
				// height: 27rpx;
				margin-top: 14rpx;
				margin-left: 27rpx;
				font-size: 36rpx;
				color: #f14500;
			}

			.original {
				// width: 52rpx;
				// height: 20rpx;
				// line-height: 20rpx;
				// margin-top: 19rpx;
				margin-left: 17rpx;
				font-size: 26rpx;
				font-weight: 400;
				color: #a3a3a3;
				text-decoration: line-through;
			}

			.baling {
				// width: 141rpx;
				// height: 25rpx;
				// line-height: 25rpx;
				// margin-top: 16rpx;
				margin-left: 13rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #A3A3A3;
				font-size: 26rpx;
			}

			// 选规格
			.SelectSpecifications {
				display: inline-block;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 127rpx;
				height: 50rpx;
				background: #F14500;
				border-radius: 25rpx;
				font-size: 24rpx;
				font-weight: 400;
				color: #FFFFFF;
				margin-top: 10rpx;
				margin-right: 28rpx;
			}

			button {
				float: right;
				width: 127rpx;
				height: 48rpx;
				margin-right: 28rpx;
				background: #F14500;
				border-radius: 25rpx;
				text-align: center;
				line-height: 50rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
			}
		}

		.tradename {
			// height: 25rpx;
			// margin-top: 39rpx;
			margin-left: 29rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #A3A3A3;
			// line-height: 25rpx;
			// float: left;
		}
	}

	.Product-description {
		width: 100%;
		background-color: #fff;
		padding-bottom: 35rpx;
		padding-top: 20rpx;
		display: flex;
		flex-direction: column;

		.producttitle {
			height: 28rpx;
			line-height: 28rpx;
			margin-top: 31rpx;
			margin-left: 30rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #2B2B2B;
		}

		.proadctname {
			height: 23rpx;
			// line-height: 23rpx;
			margin-top: 22rpx;
			display: block;

			.aftername {
				margin-left: 31rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #999999;
				padding-bottom: 130rpx;
			}

			.oftername {
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #000000;
			}

			.oftername1 {
				margin-left: 22rpx;
			}

			.oftername2 {
				margin-left: 69rpx;
			}
		}
	}

	.buy {
		width: 700rpx;
		height: 103rpx;
		position: fixed;
		left: 24rpx;
		// bottom: 59rpx;
		bottom: 30rpx;
		border-radius: 50rpx;
		background-color: #6d6d6d;
		overflow: hidden;

		.opt-in {
			// display: inline-block;
			float: left;
			width: 504rpx;
			height: 103rpx;
			background-color: #6d6d6d;
			position: relative;

			.Grey-shopping-cart {
				display: inline-block;
				width: 59rpx;
				height: 59rpx;
				background-image: url(../../static/details/ShoppingCart.png);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 59rpx 59rpx;
				margin-top: 25rpx;
				margin-left: 44rpx;
			}

			.Settlement-font {
				position: absolute;
				top: 43rpx;
				left: 157rpx;
				display: flex;
				justify-content: space-between;
				width: 260rpx;
				height: 23rpx;
				// margin-top: 43rpx;
				line-height: 23rpx;
				// margin-left: 54rpx;
			}
		}

		.payment {
			// float: left;
			display: flex;
			// align-items: center;
			// display: inline-block;
			width: 194rpx;
			height: 103rpx;
			background-color: #353535;
			text-align: center;

			.paument-font {
				width: 109rpx;
				height: 29rpx;
				margin-top: 35rpx;
				margin-left: 36rpx;
				color: #b6b6b6;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
			}
		}
	}

	.buyer {
		width: 700rpx;
		height: 103rpx;
		position: absolute;
		left: 24rpx;
		// bottom: 59rpx;
		bottom: 30rpx;
		z-index: 1000;
		border-radius: 50rpx;
		background-color: #fff;
		overflow: hidden;

		.opter-in {
			// display: inline-block;
			float: left;
			width: 504rpx;
			height: 103rpx;
			background-color: #fff;
			position: relative;

			.Greyer-shopping-cart {
				display: inline-block;
				width: 59rpx;
				height: 59rpx;
				background-image: url(../../static/details/ShoppingCartfull.png);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 59rpx 59rpx;
				margin-top: 25rpx;
				margin-left: 44rpx;
				position: relative;

				i {
					width: 22rpx;
					height: 22rpx;
					position: absolute;
					right: 0;
					top: 0;
					background-color: red;
					color: #fff;
					text-align: center;
					line-height: 20rpx;
					font-size: 24rpx;
					border-radius: 50rpx;
				}
			}

			.Settlementer-font {
				position: absolute;
				top: 43rpx;
				left: 157rpx;
				display: flex;
				justify-content: space-between;
				// width: 305rpx;
				height: 25rpx;
				// margin-top: 43rpx;
				line-height: 25rpx;
				// margin-left: 54rpx;
			}
		}

		.paymenter {
			float: left;
			// display: inline-block;
			width: 194rpx;
			height: 103rpx;
			background-color: #f14500;
			text-align: center;
			position: relative;

			.paumenterone {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100%;
				// width: 160rpx;
				// height: 29rpx;
				// margin-top: 35rpx;
				// margin-left: 16rpx;
				// color: #b6b6b6;
				color: #FFFFFF;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
			}

			.paumentertwo {
				// width: 100rpx;
				// height: 29rpx;
				// position: absolute;
				// top: 35rpx;
				// left: 45rpx;
				// margin-top: 39rpx;
				// margin-left: 45rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100%;
				color: #fff;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 29rpx;
			}
		}
	}

	.clique-buy {
		width: 750rpx;
		height: 108rpx;
		position: absolute;
		left: 2rpx;
		bottom: 2rpx;

		.clique-buy-left {
			float: left;
			width: 300rpx;
			height: 100%;
			background-color: #EAC1B1;

			.clique-buy-left-Price {
				height: 27rpx;
				line-height: 27rpx;
				position: absolute;
				top: 27rpx;
				left: 106rpx;
				color: #F14500;
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
			}

			.clique-buy-left-title {
				width: 110rpx;
				height: 25rpx;
				line-height: 25rpx;
				position: absolute;
				font-size: 26rpx;
				left: 120rpx;
				bottom: 14rpx;
				color: #F14500;
			}
		}

		.clique-buy-right {
			float: right;
			width: 448rpx;
			height: 100%;
			background-color: #F14500;
			position: relative;

			.clique-buy-right-Price {
				display: block;
				position: absolute;
				top: 27rpx;
				left: 162rpx;
				height: 27rpx;
				line-height: 27rpx;
				color: #fff;
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
			}

			.clique-buy-right-title {
				width: 110rpx;
				height: 25rpx;
				line-height: 25rpx;
				position: absolute;
				left: 176rpx;
				bottom: 14rpx;
				color: #fff;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 400;
			}
		}
	}

	.popup-content {
		width: 100%;
		height: 50%;
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
		padding: 53rpx 38rpx;
		z-index: 1100;

		.popup-top {
			width: 100%;
			height: 180rpx;
			position: relative;

			image {
				width: 180rpx;
				height: 180rpx;
			}

			.poput-name {
				height: 35rpx;
				line-height: 35rpx;
				font-size: 36rpx;
				color: #333;
				position: absolute;
				left: 203rpx;
				top: 8rpx;
			}

			.poput-Currentprice {
				height: 27rpx;
				line-height: 27rpx;
				font-size: 36rpx;
				color: #f14500;
				position: absolute;
				top: 145rpx;
				left: 205rpx
			}

			.poput-Originalprice {
				height: 20rpx;
				line-height: 20rpx;
				color: #a3a3a3;
				font-size: 26rpx;
				position: absolute;
				top: 150rpx;
				left: 340rpx;
				text-decoration: line-through;
			}

			::v-deep .uni-icons {
				position: absolute;
				right: 43rpx;
				top: -43rpx;
			}
		}

		.taste {
			width: 100%;

			.taste-name {
				width: 100%;
				height: 29rpx;
				line-height: 29rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #262525;
				font-size: 30rpx;
				margin-bottom: 28rpx;
			}

			.taste-list {
				width: 100%;
				display: flex;
				flex-wrap: wrap;

				// justify-content: space-between;
				.taste-item {
					margin-right: 51rpx;
					margin-bottom: 11rpx;
					text-align: center;
					line-height: 76rpx;
					font-size: 26rpx;
					// width: 195rpx;
					padding: 0 20rpx;
					height: 76rpx;
					background-color: #f3f3f3;
					color: #333;
					border-radius: 7rpx;
				}

				.active {
					background: rgba(230, 68, 3, 0.23);
					border: 1px solid #E64403;
					border-radius: 7rpx;
					color: #e64403;
				}
			}
		}

		.beverage {
			width: 100%;

			.beverage-name {
				width: 100%;
				height: 29rpx;
				line-height: 29rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #262525;
				font-size: 30rpx;
				margin-bottom: 28rpx;
			}

			.beverage-list {
				width: 100%;
				display: flex;
				flex-wrap: wrap;

				// justify-content: space-between;
				.beverage-item {
					margin-right: 51rpx;
					margin-bottom: 11rpx;
					text-align: center;
					line-height: 76rpx;
					font-size: 26rpx;
					width: 195rpx;
					height: 76rpx;
					background-color: #f3f3f3;
					color: #333;
					border-radius: 7rpx;
				}

				.active {
					background: rgba(230, 68, 3, 0.23);
					border: 1px solid #E64403;
					border-radius: 7rpx;
					color: #e64403;
				}
			}
		}

		// 加减按钮
		.uni-numbox {
			float: right;
			margin-right: 60rpx;

			::v-deep .uni-numbox__minus {
				background-color: #fff !important;
				border-radius: 50rpx !important;
				border: 1px solid #F14500 !important;

				::v-deep .uni-numbox--text {
					color: #F14500 !important;

					::v-deep span {
						color: #F14500 !important;
					}
				}
			}

			::v-deep .uni-input-input {
				background-color: #fff !important;
			}

			::v-deep .uni-numbox__plus {
				width: 8px;
				padding: 0 12px;
				background-color: #F14500 !important;
				border-radius: 50rpx !important;
				border: 1px solid #F14500 !important;
				color: #fff !important;

				::v-deep .uni-numbox--text {
					color: #fff !important;
				}
			}
		}

		.Add-to-cart {
			margin-top: 47rpx;
			width: 702rpx;
			height: 94rpx;
			border-radius: 50rpx;
			background-color: #E64403;
			line-height: 94rpx;
			margin-left: 0;
		}
	}

	.popups-content {
		width: 750rpx;
		height: 106rpx;
		border-top-left-radius: 50rpx;
		border-top-right-radius: 50rpx;
		background-color: #fff;
		padding: 59rpx 41rpx;

		.popups-top {
			width: 100%;
			height: 35rpx;
			margin-bottom: 48rpx;

			.popups-name {
				display: inline-block;
				width: 270rpx;
				height: 35rpx;
				color: #333;
				font-size: 36rpx;
				line-height: 35rpx;

				.popupsone {
					float: right;
					color: #878787;
					font-size: 24rpx;

					.popupstwo {
						color: #e64403;
						font-size: 24rpx;
					}
				}
			}

			.popups-del {
				float: right;
				margin-right: 80rpx;
				width: 80rpx;
				height: 25rpx;
				font-size: 26rpx;
				line-height: 25rpx;
				color: #a3a3a3;

				i {
					display: inline-block;
					width: 24rpx;
					height: 22rpx;
					background-image: url(../../static/details/del.png);
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 24rpx 22rpx;
					margin-right: 5rpx;
				}
			}
		}

		.lei {
			width: 100%;
			height: 180rpx;
			position: relative;

			image {
				width: 180rpx;
				height: 180rpx;
			}

			;

			.lei-name {
				height: 35rpx;
				line-height: 35rpx;
				position: absolute;
				left: 203rpx;
				top: 0;
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #333333;
			}

			;

			.lei-category {
				height: 23rpx;
				line-height: 23rpx;
				position: absolute;
				top: 72rpx;
				left: 201rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #A3A3A3;
			}

			;

			.lei-Currentprice {
				height: 27rpx;
				line-height: 27rpx;
				position: absolute;
				top: 114rpx;
				left: 202rpx;
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #F14500;
			}

			;

			.lei-Originalprice {
				height: 20rpx;
				position: absolute;
				top: 116rpx;
				left: 337rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 400;
				text-decoration: line-through;
				color: #A3A3A3;
			}

			.lei-number {
				position: absolute;
				width: 200rpx;
				top: 112rpx;
				left: 494rpx;

				::v-deep .uni-numbox__minus {
					// padding: 0;
					border-radius: 50rpx;
					background-color: #fff;
					color: #e64403 !important;
					border: 1px solid #e64403;

					::v-deep .uni-numbox--text {
						color: #e64403 !important;
					}
				}

				::v-deep .uni-input-input {
					background-color: #fff;
				}

				::v-deep .uni-numbox__plus {
					width: 32.2rpx !important;
					background-color: #e64403 !important;
					border-radius: 50rpx;
					color: #fff !important;
					padding: 0 14px;

					::v-deep .uni-numbox--text {
						width: 32.2rpx !important;
						min-width: 30rpx !important;
					}
				}
			}
		}
	}
}

// 购物车商品列表
.commodity {
	padding: 59rpx 32rpx 64rpx 41rpx;

	.commodity-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 48rpx;

		.commodity-title-left {
			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #333333;

			.pack {
				font-size: 24rpx;
				color: #878787;
				padding-left: 20rpx;
			}

			.fee {
				font-size: 24rpx;
				color: #E64403;
				padding-left: 10rpx;
			}
		}

		.commodity-title-right {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #A3A3A3;
		}
	}

	.commodity-main {
		display: flex;
		align-items: center;
		padding-bottom: 30rpx;

		.commodity-main-image {
			padding-right: 26rpx;

			image {
				width: 180rpx;
				height: 180rpx;
				border-radius: 10rpx;
			}
		}

		.commodity-main-right {
			.title {
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #333333;
			}

			.notes {
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #A3A3A3;
				padding: 30rpx 0 30rpx 0;
			}

			.price {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 474rpx;

				.price-left {
					text:first-child {
						font-size: 36rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #F14500;
					}

					text:last-child {
						font-size: 26rpx;
						font-family: PingFang SC;
						font-weight: 400;
						text-decoration: line-through;
						color: #A3A3A3;
					}
				}
			}
		}
	}
}

.quantity {
	margin-top: 20px;

	.text {
		margin-right: 10px;
	}
}

.skill-button-1 {
	// padding: 30rpx 0 62rpx 0;
	position: fixed;
	bottom: 30px;
	width: 100%;

	button {
		width: 95%;
		height: 88.5rpx;
		background-color: #f14500;
		color: #fff;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		border-radius: 44rpx;
		line-height: 88.5rpx;
		margin: 10px;
	}
}

.skill-button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30rpx 0 62rpx 0;
	margin-top: 80rpx;

	button {
		width: 664.4rpx;
		height: 88.5rpx;
		background-color: #f14500;
		color: #fff;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		border-radius: 44rpx;
		line-height: 88.5rpx;
	}
}
</style>